<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
	<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
    <title>消息</title>
    <style>
    body{overflow: hidden;}
    .mui-scroll-wrapper{top: 44px;}
	</style>	
</head>
<body>
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left detail_left"></a>
		<h1 id="title" class="mui-title">消息</h1>
		<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
	</header>
	<div class="mui-content">
		<div class="mui-scroll-wrapper">
		    <div class="mui-scroll">
		        <div class="news_list_box">
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">		        
				        <li class="mui-table-view-cell">
				        	<a href="news_detail.html">
				        		<h3 class="mui-text-center news_time">2016-07-29 (周五)</h3>
					            <div class="mui-table">
					                <div class="mui-table-cell">
					                    <h4 class="mui-ellipsis">关于2016年端午节 放假安排的通知</h4>
					                    <h5 class="mui-ellipsis-2">根据国务院办公厅通知精神，现将2016年端午节放假安排通知如下：</h5>
					                    <p class="mui-h6 mui-ellipsis">6月20日（星期六）放假，6月22日（星期一）补休</p>
					                    <p class="mui-text-right clearfix send_people"><span class="mui-pull-left">未读</span>发送人：行政部：行政部-刘小华</p>
					                </div>
					            </div>
				        	</a>
				        </li>
				        <li class="mui-table-view-cell">
				        	<a href="news_detail.html">
				        		<h3 class="mui-text-center news_time">2016-07-29 (周五)</h3>
					            <div class="mui-table">
					                <div class="mui-table-cell">
					                    <h4 class="mui-ellipsis">关于2016年端午节 放假安排的通知</h4>
					                    <h5 class="mui-ellipsis-2">根据国务院办公厅通知精神，现将2016年端午节放假安排通知如下：</h5>
					                    <p class="mui-h6 mui-ellipsis">6月20日（星期六）放假，6月22日（星期一）补休</p>
					                    <p class="mui-text-right clearfix send_people"><span class="mui-pull-left readed">已阅读</span>发送人：行政部：行政部-刘小华</p>
					                </div>
					            </div>
				        	</a>
				        </li>
				        <li class="mui-table-view-cell">
				        	<h3 class="mui-text-center news_time">2016-07-29 (周五)</h3>
				            <div class="mui-table">
				                <div class="mui-table-cell">
				                    <h4 class="mui-ellipsis">关于2016年端午节 放假安排的通知</h4>
				                    <h5 class="mui-ellipsis-2">根据国务院办公厅通知精神，现将2016年端午节放假安排通知如下：</h5>
				                    <p class="mui-h6 mui-ellipsis">6月20日（星期六）放假，6月22日（星期一）补休</p>
				                    <p class="mui-text-right clearfix send_people"><span class="mui-pull-left readed">已阅读</span>发送人：行政部：行政部-刘小华</p>
				                </div>
				            </div>
				        </li>
				        <li class="mui-table-view-cell">
				        	<h3 class="mui-text-center news_time">2016-07-29 (周五)</h3>
				            <div class="mui-table">
				                <div class="mui-table-cell">
				                    <h4 class="mui-ellipsis">关于2016年端午节 放假安排的通知</h4>
				                    <h5 class="mui-ellipsis-2">根据国务院办公厅通知精神，现将2016年端午节放假安排通知如下：</h5>
				                    <p class="mui-h6 mui-ellipsis">6月20日（星期六）放假，6月22日（星期一）补休</p>
				                    <p class="mui-text-right clearfix send_people"><span class="mui-pull-left">未读</span>发送人：行政部：行政部-刘小华</p>
				                </div>
				            </div>
				        </li>
				    </ul>
				</div>
		    </div>
		</div>
		
			
	</div>	
<script src="../js/mui.min.js"></script>
<script>	
mui.init({
	swipeBack:false ,//启用右滑关闭功能
	keyEventBind: {
		//backbutton: false,  //Boolean(默认true)关闭back按键监听
	menubutton: false   	//Boolean(默认true)关闭menu按键监听
	}
});	
mui('.mui-scroll-wrapper').scroll({
	indicators: true //是否显示滚动条
});

</script>
</body>
</ html>